<%--
  Created by IntelliJ IDEA.
  User: w1057229265
  Date: 2021/5/18
  Time: 11:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>信息系统开发技术</title>
    <link rel="stylesheet" type="text/css" href="static/plugins/jquery-easyui-1.9.15/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="static/plugins/jquery-easyui-1.9.15/themes/icon.css">
    <script type="text/javascript" src="static/plugins/jquery-easyui-1.9.15/jquery.min.js"></script>
    <script type="text/javascript" src="static/plugins/jquery-easyui-1.9.15/jquery.easyui.min.js"></script>
    <script>
      $(function (){
        $("#meau .easyui-linkbutton").click(function(){


          // 添加一个新的标签页面板（tab panel）
          if ($('#tt').tabs('exists',this.innerText)){
            $('#tt').tabs('select',this.innerText)
          }
          else {
            let url = $(this).data('url');



            $('#tt').tabs('add', {
              title: this.innerText,
              content: '<iframe  src="'+url+'" frameborder="0" scrolling="true" style="width: 100%; height: 100%;"></iframe>',
              closable: true,
            });
          }
        });
      })
    </script>
  </head>
  <%
  if (session.getAttribute("username") ==null) response.sendRedirect("/login.jsp");
  %>
  <body class="easyui-layout">
  <div data-options="region:'north',border:false" style="height:68px;">
    <img src="static/images/newlogo.png" >
    <div style="float: right; margin:22px">欢迎您:<%=session.getAttribute("username")%>
      <a href="ServletLogin?action=logout" class="easyui-linkbutton" data-options="iconCls:'icon-back',plain:true">注销</a>
    </div>
    </div>
  </div>
  <div data-options="region:'west',split:true,title:'系统功能'" style="width:250px;">
    <div id="meau" class="easyui-accordion" data-options="fit:true">
      <div title="管理" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
<%--        <h3 style="color:#0099FF;">Accordion for jQuery</h3>--%>
<%--        <p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>--%>
<%--      --%>
  <a href="#" class="easyui-linkbutton" data-url="product/supplierlist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">供应商管理</a>
  <a href="#" class="easyui-linkbutton" data-url="product/goodslist.jsp" data-options="iconCls:'icon-add' "style="width: 100%; margin-bottom: 6px ">图书管理</a>
<%--  <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">销售管理</a>--%>
  <a href="#" class="easyui-linkbutton" data-url="product/userlist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">用户管理</a>
  <a href="#" class="easyui-linkbutton" data-url="product/Orderlist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">订单管理</a>
  <a href="#" class="easyui-linkbutton" data-url="product/shoplist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">购物车管理</a>
  <a href="#" class="easyui-linkbutton" data-url="product/messagelist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">留言管理</a>

      </div>

    </div>
  </div>
  <div data-options="region:'south',border:false" style="height:45px;padding:10px;text-align: center">
    地址：重庆市巴南区红光大道69号重庆理工大学计算机科学与工程学院 莫得版权</div>
  <div data-options="region:'center',border:false">
    <div id="tt" class="easyui-tabs" data-options="fit:true">
      <div title="首页" style="padding:10px">
        <p style="font-size:14px">jQuery EasyUI framework helps you build your web pages easily.</p>
        <ul>
          <li>easyui is a collection of user-interface plugin based on jQuery.</li>
          <li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
          <li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
          <li>complete framework for HTML5 web page.</li>
          <li>easyui save your time and scales while developing your products.</li>
          <li>easyui is very easy but powerful.</li>
        </ul>
      </div>
<%--      <div title="管理中心" style="padding:10px">--%>
<%--        <ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true"></ul>--%>
<%--      </div>--%>
<%--      <div title="反馈中心" data-options="iconCls:'icon-help',closable:true" style="padding:10px">--%>
<%--        This is the help content.--%>
<%--      </div>--%>
    </div>
  </div>
  </body>
</html>
